<!DOCTYPE html>
<html lang="en">

	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width, initial-scale=1.0">
		<link rel="stylesheet" href="./css/reset.css">
		<link rel="stylesheet" href="./css/index.css">
		<title>学习强国</title>
	</head>

	<body>
		<!-- 导航栏 -->
		<div id="header">
			<div class="head-left"></div>
			<div class="head-right">
				<ul>
					<a href="#"><li class="f-active">首页</li></a>
					<a href="#"><li>校 ( 院 ) 概况</li></a>
					<a href="#"><li>现任领导</li></a>
					<a href="#"><li>新闻频道</li></a>
					<a href="#"><li>部门频道</li></a>
					<a href="#"><li>教育培训</li></a>
					<a href="#"><li>师资队伍</li></a>
					<a href="#"><li>公共服务</li></a>
				</ul>
			</div>
		</div>
		
		<!-- 中间内容 -->
		<!-- <div style="width: 100vw;height: 500px;background-color: aqua;">
    主体内容
  </div> -->
		<div id="container">
			<h1 class="red-text center-text">《求是》杂志发表习近平总书记重要文章  全文  </h1>
			<h3 class="red-text center-text">中共中央政治局常务委员会召开会议 习近平主持 习近平：深化改革健全制度完善治理体系 善于运用优势应对风险挑战</h3>
			<div id="swiper-main" >
				<a href="#"><img id="swiper-image" src="image/swiper0.jpg" /></a>
				<button type="button" id="goPre" class="btn-large btn-hidden">&lt;</button>
				<button type="button" onclick="goNext()" id="goNext" class="btn-large btn-hidden">&gt;</button>
				<ul id="cicle">
					<li class="cicle-item cicle-check" index="0">1</li>
					<li class="cicle-item" index="1">2</li>
					<li class="cicle-item" index="2">3</li>
					<li class="cicle-item" index="3">4</li>
					<li class="cicle-item" index="4">5</li>
				</ul>
			</div>
			<div id="swiper-group">
				<div id="swiper-left">
					<h3 class="red-text">校园印象</h3><br/>
					<div id="sleft-box">
						<ul id="s-pics">
							<li class="pic-check" index="0">
								<img src="image/sxyyx0.jpg" />
							</li>
							<li index="1">
								<img src="image/sxyyx1.jpg" />
							</li>
							<li index="2">
								<img src="image/sxyyx2.jpg" />
							</li>
						</ul>
					</div>
				</div>
				<div id="swiper-center">
					
				</div>
				<div id="swiper-right">
					
				</div>
			</div>
		</div>

		<!-- 底部 -->
		<div id="footer">
			<div class="f-top">
				<div class="f-top-left">
					<img src="image/foot-_op.png" />
					<a href="#">联系我们</a> · 
					<a href="#">网站地图</a> · 
					<a href="#">网站纠错</a> <br/>
					版权所有：中共中央党校（国家行政学院）
				</div>
				<div class="f-top-right">
					<ul>
						<a href="#"><li>部门频道</li></a>
						<a href="#"><li  class="f-active">报刊荐读</li></a>
						<a href="#"><li>全国校（院）系统网站集群</li></a>
						<a href="#"><li>友情链接</li></a>
					</ul>
					<div class="f-images">
						<img src="image/bk1.jpg" />
						<img src="image/gk2.jpg" />
						<img src="image/gk3.jpg" />
						<img src="image/gk4.jpg" />
						<img src="image/bk5.jpg" />
					</div>
				</div>
			</div>
			<div class="f-bottom">
				<span>京ICP备05047277号</span></span><img src="image/foot.gif" />
			</div>
		</div>
		<script src="./js/index.js"></script>
	</body>

</html>
